﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="ValidatorTextBox.ascx.cs" Inherits="Whoever.Website.UserControls.ValidatorTextBox" %>
<% if (false) { %><script type="text/javascript" src="../Scripts/jquery-1.7.1.min.js"></script><% } %>
<% if (false) { %><script type="text/javascript" src="../Scripts/SiteScript.js"></script><% } %>
<style type="text/css">

.ClearDiv
{
    border:none;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
}

.vtMessageDiv
{
    width:150px;
    height:18px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    border:none;
    float:left;
    overflow:hidden;
    background-image:url('/Resources/Image/Control/Button/ErrorMessageBack.png');
    cursor:pointer;
}

.vtImage
{
    cursor:pointer;
}

.vtTextBox
{
    width:300px;
    color:White;
    border:1px solid #AAAAAA;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    font-family:Arial;

    float:left;
}

.vtTextBox:Focus
{
    border:1px solid #4ba7d7;
}

.vtMessage
{
    color:White;
    font-family:Impact;
    font-size:small;
    font-weight:lighter;
    margin-left:5px;
}

</style>


<script type="text/javascript">

    function MessageView(imageID,divID) {
        ToggleVisibility($("#"+divID),"150px",500);
    }

</script>

<div class="ClearDiv" align="left">

    <asp:TextBox runat="server" ID="TextBoxTB" CssClass="vtTextBox"></asp:TextBox>
    <div runat="server" id="DivMessage" class="vtMessageDiv" onclick="MessageView()" >
        <asp:Label runat="server" ID="LabelMessage" Text="Rellene campo" 
            CssClass="vtMessage"></asp:Label>
    </div>
    <asp:Image ID="ImageMessage" runat="server" 
        ImageUrl="~/Resources/Image/Control/Button/ErrorMessageButton.png" onclick="MessageView()"
         Height="18px" Width="30px" CssClass="vtImage" />

</div>